<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
			<meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
		<title>微商城</title>
		<link rel="stylesheet" href="__PUBLIC__/css/frozen.css" />
        <link rel="stylesheet" href="__PUBLIC__/css/iconfont.css" />
        <link rel="stylesheet" href="__PUBLIC__/css/myCss.css" />
		<script src="__PUBLIC__/lib/zepto.min.js"></script>
		<script src="__PUBLIC__/js/frozen.js"></script>
        <script src="__PUBLIC__/js/myjs/ProDetail.js"></script>
        <script>
            var handleUrl="__INDEX__";
            var publicUrl="__PUBLIC__";
        </script>
        <style>
            #fixedLayer {
                position:fixed;
                right: 12px;
                bottom: 75px;
                width:50px;
                height:50px;
                line-height:30px;
                background-color:#414a4f;
                text-align:center;
                border-radius: 5px;
                opacity:0.2;
                
                }
            .btn-ab{
            color: #8c96a0;
            border:1px solid #8c96a0;
            width:17px;
            height:17px;
            background-color: white;
            font-size:17px;
            margin-left: 4px;
            margin-right:4px;
            margin-top:5px;
            }
        </style>
	</head>

	<body>

		<header class="ui-header ui-header-stable ui-border-b">
			<i class="ui-icon-return" onclick="history.back()"></i>
			<h1>商品详情</h1>
           
		</header>
		<footer class="ui-footer ui-footer-btn" style="height:40px;" >
            <div class="ui-footer ui-footer-stable ui-btn-group ui-border-t">
              
                <button type="button" onclick="showCartFrame();" class="ui-btn-lg ui-btn-danger">
                    加入购物车
                </button>
            </div>
           
		</footer>
		<section class="ui-container" style="padding:5px;">
           
            <section id="list">
                <!--商品基本信息-->
                <foreach name='Detail' item='v'>
                    <div id="temp{$v.ProID}c{$v.ProImgCount}" class="ui-slider" style="padding-top:0px;">
                            <img src="__PUBLIC__/images/Products/{$v.ProImg}"   width="100%" height="100%;" />					
                    </div>
                    <ul class="ui-list ui-list-pure ui-border-tb">
                        <li class="ui-border-t">
                            <h4>{$v.ProName}</h4>
                        </li>
                            <li style="padding-top:0px;">
                            <p id="pId{$v.ProID}" class="isProId"  style="display:inline;">价格：</p>
                            <p id="pPrice"  style="display:inline;color:red;font-size:20px;">{$v.ProPrice}</p>
                            
                            <p style="float:right;margin-top:5px;">销量<font color="#EE2C2C">{$v.ProSaleCount}</font>件</p>
                                
                        </li>
                    </ul>    
                    <ul style="margin-top:7px;" class="ui-list ui-list-pure ">
                        <li style="padding:5px 0px 5px 0px;"><p>运费：{$v.ProEms}</p></li>
                        <li style="padding:5px 0px 5px 0px;"><p>剩余：{$v.ProNum}</p></li>
                    </ul>
                    <ul  style="margin-top:7px;" class="ui-list ui-arrowlink ui-list-pure">
                        <li style="padding:5px 0px 5px 0px;" onclick="acValuation();" ><p id="p_VCount" style="display:inline;">累计评论：0</p></li>
                    </ul>
                </foreach>
                <!--评论区-->
                <div id="d_valuation" style="overflow-y:scroll;max-height:200px;display:none;">
                    <ul class="ui-list ui-list-pure ui-border-tb">
                        <foreach name="valuationItem" item="vi">
                            <li class="ui-border-t" style="padding-right:5px;">
                                <if condition="$vi.Vlevel eq 1">
                                    <i style="float:right;margin-top:-10px;" class="iconfont icon-pingjiahaoping"  ></i>
                                <elseif condition="$vi.Vlevel eq 2"/>
                                    <i style="float:right;margin-top:-10px;" class="iconfont icon-pingjiazhongping"  ></i>
                                <elseif condition="$vi.Vlevel eq 3"/>
                                    <i style="float:right;margin-top:-10px;" class="iconfont icon-pingjiachaping"  ></i>
                                </if>
                                <h5><span class="date">{$vi.VDate|date='Y-m-d H:i',###}</span> <span>{$vi.VName} </span></h5>
                                <h4 style="font-size:15px;color:#444;margin-top:4px;">{$vi.VContent}</h4>
                            </li>
                        </foreach>
                    </ul>
                </div>
                <!--成交记录 未完成-->
                <ul  class="ui-list ui-list-pure ui-arrowlink">
                    <li style="padding:5px 0px 5px 0px;"><p>成交记录：3</p></li>
                </ul>
                <!--
                <div id="d_valuation2" style="overflow-y:scroll;max-height:200px;background-color:white;">
                    <ul  class="ui-tiled ui-border-t">
                        <li><p>用户名</p></li>
                        <li><p>成交时间</p></li>
                        <li><p>商品数量</p></li>
                    </ul>
                    <ul class="ui-tiled ui-border-t">
                        <li><p style="font-size:14px;" class="ui-txt-info">池安祥</p></li>
                        <li><p style="font-size:14px;" class="ui-txt-info">2016-4-5</p></li>
                        <li><p style="font-size:14px;" class="ui-txt-info">2件</p></li>
                    </ul>
                    <ul class="ui-tiled ui-border-t">
                        <li><p style="font-size:14px;" class="ui-txt-info">张三</p></li>
                        <li><p style="font-size:14px;" class="ui-txt-info">2016年3月5日</p></li>
                        <li><p style="font-size:14px;" class="ui-txt-info">2件</p></li>
                    </ul>
                    <ul class="ui-tiled ui-border-t">
                        <li><p style="font-size:14px;" class="ui-txt-info">池安祥</p></li>
                        <li><p style="font-size:14px;" class="ui-txt-info">2016年4月5日</p></li>
                        <li><p style="font-size:14px;" class="ui-txt-info">2件</p></li>
                    </ul>
                    <ul class="ui-tiled ui-border-t">
                        <li><p style="font-size:14px;" class="ui-txt-info">池安祥</p></li>
                        <li><p style="font-size:14px;" class="ui-txt-info">2016年4月5日</p></li>
                        <li><p style="font-size:14px;" class="ui-txt-info">2件</p></li>
                    </ul>
                    <ul class="ui-tiled ui-border-t">
                        <li><p style="font-size:14px;" class="ui-txt-info">池安祥</p></li>
                        <li><p style="font-size:14px;" class="ui-txt-info">2016年4月5日</p></li>
                        <li><p style="font-size:14px;" class="ui-txt-info">2件</p></li>
                    </ul>
                    <ul class="ui-tiled ui-border-t">
                        <li><p style="font-size:14px;" class="ui-txt-info">池安祥</p></li>
                        <li><p style="font-size:14px;" class="ui-txt-info">2016年4月5日</p></li>
                        <li><p style="font-size:14px;" class="ui-txt-info">2件</p></li>
                    </ul>
                    <ul class="ui-tiled ui-border-t">
                        <li><p style="font-size:14px;" class="ui-txt-info">池安祥</p></li>
                        <li><p style="font-size:14px;" class="ui-txt-info">2016年4月5日</p></li>
                        <li><p style="font-size:14px;" class="ui-txt-info">2件</p></li>
                    </ul>
                    <ul class="ui-tiled ui-border-t">
                        <li><p style="font-size:14px;" class="ui-txt-info">池安祥</p></li>
                        <li><p style="font-size:14px;" class="ui-txt-info">2016年4月5日</p></li>
                        <li><p style="font-size:14px;" class="ui-txt-info">2件</p></li>
                    </ul>
                    <ul class="ui-tiled ui-border-t">
                        <li><p style="font-size:14px;" class="ui-txt-info">池安祥</p></li>
                        <li><p style="font-size:14px;" class="ui-txt-info">2016年4月5日</p></li>
                        <li><p style="font-size:14px;" class="ui-txt-info">2件</p></li>
                    </ul>
                </div>
                -->
                <!--商品详情栏目-->
                <ul style="margin-top:7px;" class="ui-list ui-list-pure ">
                    <li onclick="acDetails();" style="padding:5px 0px 5px 0px;"><p>商品详情</p></li>
                </ul>
                <!--商品详情区-->
                <div id="d_Details" >
                    <foreach name="proDetails" item="vp">
                        <ul  class="ui-list ui-list-text ui-list-active ui-list-cover ui-border-tb">
                            <li  style="padding:4px 15px;">
                                <p style="color:#888;font-size:10px;"><font color="#666">·厂家：</font>{$vp.DFactory}</p>
                            </li>
                            <li  style="padding:4px 15px;">
                                <p style="color:#888;font-size:10px;"><font color="#666">·联系方式：</font>{$vp.DPhone}</p>
                            </li>
                            <li  style="padding:2px 15px;">
                                <p style="color:#888;font-size:10px;"><font color="#666">·地址：</font>{$vp.DAddress}</p>
                            </li>
                            
                            <li  style="padding:5px 15px;">
                                <p style="color:#888;font-size:10px;max-width:8%;"><font color="#666">·类别：</font>{$vp.DType}</p>
                                <p style="color:#888;font-size:10px;"><font color="#666">·保质期：</font>{$vp.DNewDate}天</p>
                                <p style="color:#888;font-size:10px;max-width:5%;"><font color="#666">·净重：</font>{$vp.DWeight}</p>
                                
                            </li>
                            <li class="ui-border-t" style="padding:5px 15px;">
                                <p style="color:#888;font-size:10px;"><font color="#666">·介绍：</font>{$vp.DContent}</p>
                            </li>
                        </ul>
                    </foreach>
                    <ul  style="margin-top:2px;" class="ui-list ui-list-pure">
                        <li id="li_ImgContent">
                           
                        </li>
                    </ul>       
                </div>
            </section>
            <div id='fixedLayer' onclick="location.href='{:U('Cart/loadCart','','',0,true)}'">
                 <i  class="ui-icon-cart" style="font-size:50px;color:#ffffff;" ></i>
                <!--
                <div class="ui-reddot-s">
                    <i  class="ui-icon-cart" style="font-size:50px;" onclick="alert('购物车');"></i>
                </div>
                -->
            </div>
            <div class="ui-dialog">
                <div class="ui-dialog-cnt" style="width:auto;" >
                    <form action="#" style="color:#777;" >
                        
                        <div class="ui-flex ui-flex-pack-center" style="margin-top:5px;" >
                            
                            <h4 style="color:#777;align:center;font-size:17px;">添加到购物车</h4>
                            <p id="pMid1" onclick="$('.ui-dialog').hide();"  class="ui-nowrap " style="margin-left:50px;">×</p>
                            
                        </div>

                        <div style="padding:10px 15px 10px 15px;">
                            <input id="btnadd1" class="btn-ab" onclick="countHandle('-');" type="button" value="-" />
                            <p id="pCount1" class="ui-nowrap"  style="display:inline;font-size:18px;">1</p>
                            <input id="btnamin1" class="btn-ab" onclick="countHandle('+');"  type="button" value="+" />
                            <p id="aPrice" style="display:inline;float:right;color:#FF6633;font-size:20px;">20.00</p>
                        </div>
                        
                        <div class="ui-btn-wrap" style="float:right;padding:0px 10px 15px 10px;" >
                            <button onclick="nowPay();" type="button" class="ui-btn ui-btn-primary" >
                                立即结算
                            </button>
                            <button type="button" class="ui-btn ui-btn-danger" onclick="addCart();" >
                                加入购物车
                            </button>
                            
                        </div>
                        
                    </form>
                </div>        
            </div>
		</section>

	</body>
 

</html>